<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>信息管理</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="buildingManagement">
    <!-- 楼长制 列表 -->
    <div class="cd-popup3 buildingManagement buildingManagement-pop" id="buildingManagementModal">
      <!-- 楼宇管理 -->
      <div class="cd-popup-container3 buildingManagementModal manageModal patrollingStyle" id="tableID">
        <div class="modal-top"></div>
        <div class="modal-title">楼宇管理</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="buildingManagementSearchBox mb24 clearfix">
          <input type="text" class="fl form-control buildingManagementSearchInputStyle buildingManagementSearchInput notEmptyInput"
            placeholder="请输入地址">
          <ul class="searchList" style="right: 447px; display: none;">
            <!-- TODO -->
          </ul>
          <span class="fl btnStyle buildingManagementsearchBtn" id="buildingManagementsearchBtn">搜索</span>
        </div>
        <!-- 楼宇 人员切换 -->
        <div class="buildingPersonSwitch mb24 clearfix">
          <span class="fl btnStyle buildingSwitchBtn buildingSwitchBtn-pop active houseMasterInformationManagement">楼宇</span>
          <span class="fl btnStyle personSwitchBtn personSwitchBtn-pop">人员</span>
        </div>
        <div class="buildingManagementTableBox">
          <table class="table table-bordered" style="margin: -1px; width: 1346px;">
            <thead>
              <tr>
                <th rowspan="2" style="line-height: 56px;">序号</th>
                <th rowspan="2" style="line-height: 56px;">地址</th>
                <th rowspan="2" style="line-height: 56px;">楼宇高度</th>
                <th rowspan="2" style="line-height: 56px;">所属社区</th>
                <th rowspan="2" style="line-height: 56px;">所属街道</th>
                <th rowspan="2" style="line-height: 56px;">建筑类别</th>
                <th rowspan="2" style="line-height: 56px;">单位类别</th>
                <th rowspan="1" style="line-height: 20px;" colspan="3">配套设施建设情况</th>
                <th rowspan="2" style="line-height: 28px;">月需巡<br />检次数</th>
                <th rowspan="2" style="line-height: 56px;">操作</th>
              </tr>
              <tr>
                <!-- <th>
                  <input type="checkbox" id="buildingManagementTableSelectAll">
                </th> -->
                <th style="line-height: 20px;">微型消防站</th>
                <th style="line-height: 20px;">消防控制室</th>
                <th style="line-height: 20px;">电动车充电桩</th>
              </tr>

            </thead>
            <tbody class="tbodyList">

            </tbody>
          </table>
        </div>

        <div class="btnStyle buildingManagementAddBtn buildingManagementAddBtn-pop">添加</div>
        <!-- 分页 -->
        <div class="dailyPageBox pageBox" id="buildingManagementPageBox">
          <ul class="pagination" id="buildingManagementPage"></ul>
          <div class="pageJump">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
        <!-- 下载 -->
        <!-- <div class="buildingManagementLoadBtn buildingManagementLoadBtn-pop"></div> -->
      </div>

      <!-- 人员管理 -->
      <div class="cd-popup-container3 personManagementModal manageModal patrollingStyle none" id="personManagementModal">
        <div class="modal-top"></div>
        <div class="modal-title">人员管理</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="personManagementSearchBox mb24 clearfix">
          <input type="text" class="fl form-control personManagementSearchInputStyle notEmptyInput personManagementSearchInput"
            placeholder="请输入姓名">
          <ul class="searchList">
            <!-- TODO -->
          </ul>
          <span class="fl btnStyle personManagementsearchBtn" id="personManagementSearchBtn">搜索</span>
        </div>
        <!-- 楼宇 人员切换 -->
        <div class="buildingPersonSwitch mb24 clearfix">
          <span class="fl btnStyle buildingSwitchBtn buildingSwitchBtn-pop houseMasterInformationManagement">楼宇</span>
          <span class="fl btnStyle personSwitchBtn personSwitchBtn-pop">人员</span>
        </div>
        <div class="personManagementTableBox">

          <!-- <div class="workingRangeBox none">
            
          </div> -->

          <table class="table table-bordered" style="margin: -1px; width: 1346px;">
            <thead>
              <tr>
                <!-- <th>
                  <input type="checkbox" id="personManagementTableSelectAll">
                </th> -->
                <th width="50px">序号</th>
                <th width="100px">姓名</th>
                <th width="100px">岗位</th>
                <th width="120px">联系电话</th>
                <th>工作范围</th>
                <th width="170px">最近上传时间</th>
                <!-- -------------------------------TODO------------------------------- -->
                <th width="220px"><span>操作</span></th>
              </tr>
            </thead>
            <tbody class="tbodyList">
            </tbody>
          </table>
        </div>

        <div class="personManagementAddBtn personManagementAddBtn-pop">添加</div>
        <!-- 分页 -->
        <div class="dailyPageBox pageBox" id="personManagementPageBox">
          <ul class="pagination" id="personManagementPage"></ul>
          <div class="pageJump">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
        <!-- 下载 -->
        <div class="personManagementLoadBtn personManagementLoadBtn-pop none"></div>
      </div>
    </div>

    <!-- 楼宇信息 添加 页面 -->
    <div class="cd-popup3 buildingManagementInfoAddPage buildingManagementInfoAddPage-pop">
      <div class="cd-popup-container3 buildingManagementInfoAddPageModal">
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="modal-title">楼宇信息添加</div>
        <form class="buildingManagementInfoAddPageForm" id="buildingManagementInfoAddPage" method="post" enctype="multipart/form-data">
          <div class="erweimaBMInfoAddPageBox">

            <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle touxiang">
              <img class="pic" src="">
              <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="file" />
              <span class="delTouxiang">-</span>
            </div>

            <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle" id="qrcodeBMInfoAddPage"></div>
          </div>
          <input type="hidden" class="notEmptyInput buildingManagementUuid" name="uuid" autocomplete="off">

          <div class="rowAdd form-group">
            <span>小区名称 :</span>
            <input type="text" class="notEmptyInput" name="communityName" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>所属街道 :</span>
            <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
            </select>
          </div>
          <div class="rowAdd form-group bMInfoAddPageFormBuidlingName" style="height: 30px;">
            <span>楼宇名称 :</span>
            <div class="">
              <!-- <input type="hidden" name="buildingName" value="" class="buildingName"> -->
              <input type="text" class="notEmptyInput building" name="buildingName" autocomplete="off" style="left: 10px;">
              <i style="left:64px;">幢</i>
              <input type="text" class="notEmptyInput unit" autocomplete="off" style="left: 94px;">
              <i style="left: 140px;">单元</i>
            </div>
          </div>
          <div class="rowAdd form-group">
            <span>经度 :</span>
            <input type="text" class="notEmptyInput" name="longitude" autocomplete="off">
          </div>
          <div class="rowAdd form-group bMInfoAddPageFormBuidlingName">
            <span>楼宇高度 :</span>
            <div class="buildingNameBox">
              <input type="text" class="notEmptyInput" name="totalNumberOfFloors" autocomplete="off" style="left: 10px;">
              <i style="left:64px;">层</i>
            </div>
          </div>
          <div class="rowAdd form-group">
            <span>纬度 :</span>
            <input type="text" class="notEmptyInput" name="latitude" autocomplete="off">
          </div>

          <div class="rowAdd form-group">
            <span>所属社区 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="belongRegion">
              <option value="十五奎巷社区">十五奎巷社区</option>
              <option value="北落马营社区">北落马营社区</option>
              <option value="太庙社区">太庙社区</option>
              <option value="彩霞岭社区">彩霞岭社区</option>
              <option value="新工社区">新工社区</option>
              <option value="上羊市街社区">上羊市街社区</option>
              <option value="木场巷社区">木场巷社区</option>
              <option value="候潮门社区">候潮门社区</option>
              <option value="海潮社区">海潮社区</option>
              <option value="凤凰社区">凤凰社区</option>
              <option value="春江社区">春江社区</option>
              <option value="甬江社区">甬江社区</option>
            </select>
          </div>
          <div class="rowAdd form-group opacity0">
            <span>地址 :</span>
            <input type="text" class="notEmptyInput address" autocomplete="off">
            <!--  name="address" -->
          </div>
          <div class="rowAdd form-group mt30">
            <span>建筑类别 :</span>
            <!-- <input type="text" class="notEmptyInput" name="buildingCategory" autocomplete="off"> -->
            <select class="form-control my-form-control buildSelectStyle" name="buildingCategory">
              <option value="0">住宅</option>
            </select>
          </div>
          <div class="rowAdd form-group mt30">
            <span>微型消防站 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotFireStation">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>单位类别 :</span>
            <!-- <input type="text" class="notEmptyInput" name="unitCategory" autocomplete="off"> -->
            <select class="form-control my-form-control buildSelectStyle" name="unitCategory">
              <option value="0">一类高层</option>
              <option value="1">二类高层</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>消防控制室 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotFireControlRoom">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>电动车充电桩 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotChargingStation">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>月需巡检次数 :</span>
            <input type="text" class="notEmptyInput" name="routingNumber" autocomplete="off">
          </div>

          <!-- 确定按钮 -->
          <button type="submit" class="buildingManagementInfoAddPageBtn buildingManagementInfoAddPageBtn-pop" style="background-color: #70abe1;border: none;">确定</button>
        </form>
      </div>
    </div>

    <!-- 楼宇信息 详情 页面 -->
    <div class="cd-popup3 buildingManagementInfoAddPage buildingManagementInfoEditPage-pop">
      <div class="cd-popup-container3 buildingManagementInfoAddPageModal">
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="modal-title">楼宇信息详情</div>
        <form class="buildingManagementInfoAddPageForm" id="buildingManagementInfoEditPage" method="post" enctype="multipart/form-data">
          <!-- <div class="erweimaBMInfoAddPage" id="qrcodeBMInfoEditPage"></div> -->

          <div class="erweimaBMInfoAddPageBox">

            <!-- <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle"></div> -->

            <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle touxiang">
              <img class="pic" src="">
              <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="file" />
              <span class="delTouxiang">-</span>
            </div>
            <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle" id="qrcodeBMInfoEditPage"></div>
          </div>
          <input type="hidden" class="oldPhoto">
          <input type="hidden" class="notEmptyInput disabledStyle buildingManagementUuid" name="uuid" autocomplete="off">

          <div class="rowAdd form-group">
            <span>小区名称 :</span>
            <input type="text" class="notEmptyInput" name="communityName" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>所属街道 :</span>
            <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
            </select>
          </div>
          <div class="rowAdd form-group bMInfoAddPageFormBuidlingName" style="height: 30px;">
            <span>楼宇名称 :</span>
            <div class="buildingNameBox">
              <!-- <input type="hidden" name="buildingName" value="" class="buildingName"> -->
              <input type="text" class="notEmptyInput building" name="buildingName" autocomplete="off" style="left: 10px;">
              <i style="left:64px;">幢</i>
              <input type="text" class="notEmptyInput unit" autocomplete="off" style="left: 94px;">
              <i style="left: 140px;">单元</i>
            </div>
          </div>
          <div class="rowAdd form-group">
            <span>经度 :</span>
            <input type="text" class="notEmptyInput" name="longitude" autocomplete="off">
          </div>
          <div class="rowAdd form-group bMInfoAddPageFormBuidlingName">
            <span>楼宇高度 :</span>
            <div class="buildingNameBox">
              <input type="text" class="notEmptyInput" name="totalNumberOfFloors" autocomplete="off" style="left: 10px;">
              <i style="left:64px;">层</i>
            </div>
          </div>
          <div class="rowAdd form-group">
            <span>纬度 :</span>
            <input type="text" class="notEmptyInput" name="latitude" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>所属社区 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="belongRegion">
              <option value="十五奎巷社区">十五奎巷社区</option>
              <option value="北落马营社区">北落马营社区</option>
              <option value="太庙社区">太庙社区</option>
              <option value="彩霞岭社区">彩霞岭社区</option>
              <option value="新工社区">新工社区</option>
              <option value="上羊市街社区">上羊市街社区</option>
              <option value="木场巷社区">木场巷社区</option>
              <option value="候潮门社区">候潮门社区</option>
              <option value="海潮社区">海潮社区</option>
              <option value="凤凰社区">凤凰社区</option>
              <option value="春江社区">春江社区</option>
              <option value="甬江社区">甬江社区</option>
            </select>
          </div>
          <div class="rowAdd form-group opacity0">
            <span>地址 :</span>
            <input type="text" class="notEmptyInput" name="address" autocomplete="off">
          </div>
          <div class="rowAdd form-group mt30">
            <span>建筑类别 :</span>
            <!-- <input type="text" class="notEmptyInput" name="buildingCategory" autocomplete="off"> -->
            <select class="form-control my-form-control buildSelectStyle" name="buildingCategory">
              <option value="0">住宅</option>
            </select>
          </div>
          <div class="rowAdd form-group mt30">
            <span>微型消防站 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotFireStation">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>单位类别 :</span>
            <!-- <input type="text" class="notEmptyInput" name="unitCategory" autocomplete="off"> -->
            <select class="form-control my-form-control buildSelectStyle" name="unitCategory">
              <option value="0">一类高层</option>
              <option value="1">二类高层</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>消防控制室 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotFireControlRoom">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>电动车充电桩 :</span>
            <select class="form-control my-form-control buildSelectStyle" name="orNotChargingStation">
              <option value="1">已建设</option>
              <option value="0">未建设</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>月需巡检次数 :</span>
            <input type="text" class="notEmptyInput" name="routingNumber" autocomplete="off">
          </div>
          <!-- 确定按钮 -->
          <button class="buildingManagementInfoAddPageBtn buildingEditBtn" style="background-color: #70abe1;border: none;"
            type="button">修改</button>
          <button type="submit" class="buildingManagementInfoAddPageBtn buildingManagementInfoAddPageBtn-pop none"
            style="background-color: #70abe1;border: none;">确定</button>
        </form>
      </div>
    </div>

    <!-- -----------------------------人员----------------------- -->

    <!-- 人员信息添加页面 -->
    <div class="cd-popup3 personManagementInfoAddPage personManagementInfoAddPage-pop">
      <div class="cd-popup-container3 personManagementInfoAddPageModal">
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="modal-title">人员添加</div>
        <form class="personManagementInfoAddPageForm" id="personManagementInfoAddPage" method="post" enctype="multipart/form-data">
          <!-- <div class="erweimaBMInfoAddPage" id="qrcodeBMInfoAddPage"></div> -->
          <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle touxiang">
            <img class="pic" src="">
            <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="file" />
            <span class="delTouxiang">-</span>
          </div>

          <input type="hidden" class="notEmptyInput personManagementUuid" name="uuid" autocomplete="off">
          <div class="rowAdd form-group">
            <span>姓名 :</span>
            <input type="text" class="notEmptyInput name" name="name" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>联系方式 :</span>
            <input type="text" class="notEmptyInput" name="phoneNumber" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>岗位 :</span>
            <!-- <input type="text" class="notEmptyInput" name="operatingPost" autocomplete="off"> 
            岗位 0单位楼长、1行政楼长、2街道消安办、3街道分管领导
            -->
            <select class="form-control my-form-control" name="operatingPost">
              <option value="0">单位楼长</option>
              <option value="1">行政楼长</option>
              <option value="2">街道消安办</option>
              <option value="3">街道分管领导</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>分管账号 :</span>
            <input type="text" class="notEmptyInput userName" name="userName" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>分管密码 :</span>
            <input type="text" class="notEmptyInput" name="passWord" autocomplete="new-password" onfocus="this.type='password'">
            <!-- <input autocomplete="new-password" class="notEmptyInput" name="passWord" onfocus="this.type='password'" type="text" data-bv-field="password"> -->
            <!-- <input type="password" class="notEmptyInput" name="passWord" autocomplete="off"> -->
          </div>
          <div class="rowAdd form-group">
            <span>工作范围 :</span>
            <!-- <input type="text" class="notEmptyInput buildWorkRange-trigger1" name="workingRange" autocomplete="off"> -->
            <input type="button" class="notEmptyInput buildWorkRange-trigger" name="" autocomplete="off">
          </div>
          <!-- <div class="rowAdd form-group">
            <span>月需巡检次数 :</span>
            <select class="form-control my-form-control" name="">
            </select>
          </div> -->

          <div class="rowAdd form-group">
            <span>所属街道 :</span>
            <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
            </select>
          </div>
          <!-- 确定按钮 -->
          <button type="submit" class="personManagementInfoAddPageBtn personManagementInfoAddPageBtn-pop" style="background-color: #70abe1;border: none;">确定</button>
        </form>
      </div>
    </div>

    <!-- 人员信息修改页面 -->
    <div class="cd-popup3 personManagementInfoAddPage personManagementInfoEditPage-pop">
      <div class="cd-popup-container3 personManagementInfoAddPageModal" id="personManagementInfoEditPageModal">
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="modal-title">查看详情</div>
        <form class="personManagementInfoAddPageForm" id="personManagementInfoEditPage" method="post" enctype="multipart/form-data">
          <!-- <div class="erweimaBMInfoAddPage" id="qrcodeBMInfoAddPage"></div> -->
          <input type="hidden" class="oldPhoto">
          <div class="erweimaBMInfoAddPage erweimaBMInfoAddPageStyle touxiang">
            <img class="pic" src="">
            <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="file" />
            <span class="delTouxiang">-</span>
          </div>

          <!-- <input type="hidden" class="notEmptyInput personManagementUuid" name="uuid" autocomplete="off"> -->
          <div class="rowAdd form-group">
            <span>姓名 :</span>
            <input type="text" class="notEmptyInput" name="name" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>联系方式 :</span>
            <input type="text" class="notEmptyInput" name="phoneNumber" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>岗位 :</span>
            <!-- <input type="text" class="notEmptyInput" name="operatingPost" autocomplete="off"> -->

            <select class="form-control my-form-control" name="operatingPost">
              <option value="0">单位楼长</option>
              <option value="1">行政楼长</option>
              <option value="2">街道消安办</option>
              <option value="3">街道分管领导</option>
            </select>
          </div>
          <div class="rowAdd form-group">
            <span>分管账号 :</span>
            <input type="text" class="notEmptyInput" name="userName" autocomplete="off">
          </div>
          <div class="rowAdd form-group">
            <span>分管密码 :</span>
            <input type="password" class="notEmptyInput" name="passWord" autocomplete="new-password" onfocus="this.type='password'">
            <!-- <input autocomplete="new-password" class="notEmptyInput" name="passWord" onfocus="this.type='password'" type="text" data-bv-field="password"> -->
            <!-- <input type="password" class="notEmptyInput" name="passWord" autocomplete="off"> -->
          </div>
          <div class="rowAdd form-group">
            <span>工作范围 :</span>
            <!-- <input type="text" class="notEmptyInput buildWorkRange-trigger1" name="workingRange" autocomplete="off"> -->
            <input type="button" class="notEmptyInput buildWorkRange-trigger" name="" autocomplete="off">
          </div>
          <!-- <div class="rowAdd form-group">
                <span>月需巡检次数 :</span>
                <select class="form-control my-form-control" name="">
                </select>
              </div> -->

          <div class="rowAdd form-group">
            <span>所属街道 :</span>
            <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
            </select>
          </div>
          <!-- 确定按钮 -->
          <!-- ----------------------------TODO----------------------------- -->
          <button class="personManagementInfoAddPageBtn personEditBtn" style="background-color: rgb(112, 171, 225); border: none;"
            type="button">修改</button>
          <button type="submit" class="personManagementInfoAddPageBtn personManagementInfoAddPageBtn-pop none personEditSubmit"
            style="background-color: #70abe1;border: none;">确定</button>
        </form>
      </div>
    </div>
    <!-- 人员删除模态框 -->
    <div class="cd-popup3 tipPopStyle tip delTipModal" id="buildPersonDel">
      <div class="cd-popup-container3 tipModal delCoonfirmTipModal">
        <div class="modal-title">确定删除?</div>
        <button type="button" class="btn btn-primary tipBtn cd-popup-close1 delConfirm delCancel" style="background-color: #70abe1;border: none;">确定</button>
        <button type="button" class="btn btn-primary tipBtn cd-popup-close1 delCancel" style="background-color: #70abe1;border: none;">取消</button>
      </div>
    </div>

  </div>
</body>

</html>